@keyframes list { 0% { left: -100%; }
  100% { left: 0; } }

.pcHead { position: relative; z-index: 30; width: 100%; background-color: #fff; transition: ease 0.5s; }

.pcHead .logo { padding-top: 20px; display: flex; width: max-content; justify-content: center; align-items: center; margin-bottom: 20px; }

.pcHead .bg { background-color: #00b3fe; }

.pcHead .container { width: 100%; }

.pcHead .container .headNav { display: flex; }

.pcHead .container .headNav dl { position: relative; }

.pcHead .container .headNav dl dt { height: 60px; overflow: hidden; transition: ease 0.3s; }

.pcHead .container .headNav dl dt .navLink { height: 60px; width: 120px; text-align: center; display: block; line-height: 60px; transition: ease 0.5s; transform: translateY(-60px); color: #fff; font-size: 18px; font-weight: bold; }

.pcHead .container .headNav dl dt .navLink:nth-child(2) { color: #fff; }

.pcHead .container .headNav dl.on .navLink { transform: translateY(0); }

.pcHead .container .headNav dl:hover .navLink { transform: translateY(0); background-color: rgba(0, 0, 0, 0.05); }

.pcHead .container .headNav .nav_chr { display: none; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); width: max-content; min-width: 120px; background-color: rgba(0, 179, 254, 0.8); }

.pcHead .container .headNav .nav_chr a { display: block; text-align: center; padding: 10px; color: #fff; }

.pcHead .container .headNav .nav_chr a:hover { background-color: black; }

.pcHead.on, .pcHead:hover { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); background-color: #fff; }

.pcBanner .imgbox { height: 100%; width: 100%; }

.pcBanner .imgbox img { height: 100%; max-width: none; width: auto; }

.pcBanner .container { position: absolute; top: 0; left: 50%; width: 1200px; height: 100%; display: flex; transform: translateX(-50%); align-items: center; }

.pcBanner .container h4 { font-size: 16px; font-weight: bold; color: #00b3fe; text-transform: uppercase; font-family: 'Montserrat-Extra-Bold', Microsoft Yahei, Arial; }

.pcBanner .container h3 { font-size: 60px; color: #fff; padding: 10px 0 25px 0; margin: 0; line-height: 70px; font-weight: bold; }

.pcBanner .container .line { width: 80px; height: 4px; background: #00b3fe; margin: 10px 0; }

.pcBanner .container p { font-size: 20px; color: #fff; padding: 25px 0; margin: 0; font-weight: normal; line-height: 30px; }

.pcBanner .swiper-pagination-bullet { width: 60px; height: 3px; background-color: #fff; border-radius: 0; position: relative; overflow: hidden; transition: ease 0.5s; }

.pcBanner .swiper-pagination-bullet::after { content: ''; position: absolute; width: 100%; height: 100%; background-color: #00b3fe; left: -100%; }

.pcBanner .swiper-pagination-bullet.swiper-pagination-bullet-active::after { left: 0; animation: 5s list linear; }

.indexBox1 { background: url(../images/bg.jpg) bottom center no-repeat; }

.indexBox1 .swiper-container { padding-bottom: 40px; }

.indexBox2 .headTit { text-align: left; }

.indexBox2 .headTit h4 { margin-left: 0; padding: 0; }

.indexBox2 .headTit h4::before, .indexBox2 .headTit h4::after { display: none; }

.indexBox2 .desc { line-height: 2; }

.indexBox2 .desc p { margin-bottom: 10px; }

.indexBox3 .swiper-container { padding-bottom: 40px; }

.indexBox3 .imgbox { border: 1px solid #dedede; }

.indexBox3 .imgbox img { width: 180px; height: 90px; }

.pcFoot { background-color: #181818; color: #fff; }

.pcFoot .fotBar { border-bottom: 1px solid #666; margin-bottom: 30px; }

.pcFoot .fotBar ._row { justify-content: space-between; }

.pcFoot .fotBar .fotlogo { margin-top: -10px; }

.pcFoot .footnavs { display: flex; height: 40px; }

.pcFoot .footnavs a { opacity: 0.6; transition: ease 0.5s; line-height: 40px; }

.pcFoot .footnavs a::after { content: '|'; margin: 0 15px; transition: ease 0s; }

.pcFoot .footnavs a:last-child::after { display: none; }

.pcFoot .footnavs a:hover { opacity: 1; }

.pcFoot .footnavs a:hover::after { opacity: 0.6; }

.pcFoot .dec { border-bottom: 1px solid #666; padding-bottom: 30px; margin-bottom: 30px; }

.pcFoot .dec .txt { opacity: 0.6; }

.pcFoot .dec .txt h3 { margin-bottom: 20px; font-size: 22px; }

.pcFoot .dec .txt p { margin-bottom: 10px; }

.pcFoot .dec .imgbox { height: 100%; }

.pcFoot .botTxt span { opacity: 0.6; }

.pcFoot .botTxt a { opacity: 0.6; transition: ease 0.5s; }

.pcFoot .botTxt a:hover { opacity: 1; }

.aboutPage .headTit { text-align: left; }

.aboutPage .headTit h4 { margin-left: 0; padding: 0; }

.aboutPage .headTit h4::before, .aboutPage .headTit h4::after { display: none; }

.aboutPage .text p { margin-bottom: 10px; line-height: 2; }

.aboutPage .imgbox { margin-left: 0; }

.prodPage .intro .head { border-bottom: 1px solid #dedede; margin-bottom: 20px; }

.prodPage .intro .head h3 { width: max-content; border-bottom: 2px solid #4780cb; margin-bottom: -1px; font-size: 28px; }

.prodPage .intro .text p { line-height: 2; margin-bottom: 10px; text-indent: 2em; }

.prodPage .desc { margin-top: 40px; }

.prodPage .desc .ti { border-bottom: 1px solid #dedede; margin-bottom: 20px; }

.prodPage .desc .ti .na { padding: 10px 40px; background-color: #4780cb; color: #fff; width: max-content; margin-bottom: -1px; }

.prodPage .desc .box { padding: 20px 0; border-bottom: 1px solid #dedede; margin-bottom: 40px; }

.prodPage .desc .box img { max-width: 100%; }

.prodPage .navb { display: flex; justify-content: space-between; line-height: 40px; position: relative; }

.prodPage .navb .backBtn { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 140px; text-align: center; background-color: rgba(71, 128, 203, 0.9); color: #fff; border-radius: 8px; }

.prodPage .navb .backBtn:hover { background-color: #4780cb; }

.prodPage .navb .lis { width: max-content; max-width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; }

.prodPage .navb .lis .l { width: 65px; }

.prodPage .navb .lis .r { max-width: calc(100% - 65px); }

.cpBanner { position: relative; }

.cpBanner .container { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; display: flex; align-items: center; width: 100%; }

.cpBanner .container h4 { font-size: 60px; color: #fff; margin: 2px 0; text-transform: uppercase; margin-top: 50px; opacity: .1; line-height: 1; }

.cpBanner .container span { display: block; height: 4px; width: 150px; background-color: #00b3fe; margin: 15px 0; }

.cpBanner .container h3 { font-size: 40px; color: #fff; margin: 2px 0; text-transform: uppercase; }

.cpBanner .cpBar { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; background-color: rgba(0, 0, 0, 0.1); }

.cpBanner .cpBar a { padding: 15px 30px; color: #fff; border-bottom: 2px solid transparent; font-size: 18px; }

.cpBanner .cpBar a:hover { color: #00b3fe; }

.cpBanner .cpBar a.on { color: #00b3fe; border-color: #00b3fe; background-color: rgba(0, 0, 0, 0.1); }

.prodListPage .listNav { border: 1px solid #dedede; }

.prodListPage .listNav h3 { font-size: 28px; padding: 10px; padding-bottom: 10px; border-bottom: 1px solid #dedede; margin-bottom: 10px; color: #00b3fe; }

.prodListPage .listNav .lis { border-bottom: 1px solid #dedede; }

.prodListPage .listNav .lis a { display: block; padding: 10px 10px; color: #333; }

.prodListPage .listNav .lis a:hover { background-color: #00b3fe; color: #fff; }

.prodListPage .listNav .lis:last-child { border-bottom: none; }

.prodListPage .head { border-bottom: 1px solid #dedede; margin-bottom: 20px; }

.prodListPage .head h3 { font-size: 24px; padding-bottom: 10px; }

.prodListPage .prodList .lis { display: block; }

.prodListPage .prodList .lis .imgbox { border: 1px solid #dedede; }

.prodListPage .prodList .lis p { line-height: 40px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.prodListPage .prodList .lis:hover img { transform: scale(1.1); }

.neiBanner { position: relative; }

.neiBanner .container { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; display: flex; align-items: center; width: 100%; }

.neiBanner .container h4 { font-size: 60px; color: #fff; margin: 2px 0; text-transform: uppercase; margin-top: 50px; opacity: .1; line-height: 1; }

.neiBanner .container span { display: block; height: 4px; width: 150px; background-color: #00b3fe; margin: 15px 0; }

.neiBanner .container h3 { font-size: 40px; color: #fff; margin: 2px 0; text-transform: uppercase; }

.contact #map { height: 100%; }

.contact .box { width: 70%; margin-left: 60px; }

.contact .box .head { border-bottom: 4px solid #000; padding-bottom: 20px; margin-bottom: 20px; }

.contact .box .head h4 { font-size: 20px; color: #00b3fe; margin: 0; text-transform: uppercase; }

.contact .box .head h2 { font-size: 40px; color: #1a1a1a; margin: 0; text-transform: uppercase; }

.contact .box .lis { display: flex; padding: 10px; }

.contact .box .lis .imgbox { width: 45px; margin-right: 10px; }

.contact .box .lis .text { width: calc(100% - 55px); }

.contact .box .lis .text p { font-size: 14px; color: #999; }

.contact .box .lis .text h3 { font-size: 16px; }

.contact .box .ewm p { text-align: center; }

.newsPage .flBar { display: flex; justify-content: center; margin-bottom: 40px; }

.newsPage .flBar a { padding: 10px; border-bottom: 3px solid #333; font-size: 18px; }

.newsPage .flBar a:hover { color: #00b3fe; }

.newsPage .flBar a.on { color: #00b3fe; border-color: #00b3fe; }

.newsPage .list .lis { background-color: #f1f1f1; display: block; }

.newsPage .list .lis .imgbox { width: 100%; }

.newsPage .list .lis .text { padding: 40px 20px; color: #333; }

.newsPage .list .lis .text h3 { line-height: 1; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.newsPage .list .lis .text span { color: #666; }

.newsPage .list .lis:hover .imgbox img { transform: scale(1.1); }

.detailPage .topBar { padding: 20px; background-color: #f1f1f1; color: #434343; }

.detailPage .topBar a { color: #434343; }

.detailPage .topBar a:hover { color: #00b3fe; }

.detailPage .topBar span { color: #00b3fe; }

.detailPage .cont .head h4 { color: #00b3fe; margin-bottom: 5px; }

.detailPage .cont .head h3 { font-size: 32px; margin-bottom: 20px; }

.detailPage .cont .news-text-cont { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 40px 0; }

.detailPage .cont .nespn a { display: block; padding: 10px 0; }

.detailPage .cont .nespn a span { margin-left: 5px; }

.detailPage .cont .nespn a:hover { color: #00b3fe; }

.jianjiePage3 .centt { display: flex; align-items: center; border: 1px solid #dedede; height: 100%; background-color: #fafafa; }

.jianjiePage3 .centt img { cursor: pointer; }

.jianjiePage3 .centt:hover img { transform: scale(1.1); }